<template>
  <div id="app">
    <!-- 第一个例子 -->
    <!--  <HelloWorld/> -->
    <!-- 第二个例子，节点样式设置 -->
    <!--  <label-positon/> -->
    <!-- 第三个例子，graph导出和导入xml的例子 -->
    <!-- <graph-xml/> -->
    <!-- 第四个例子，标签的长度截断 -->
    <!--   <label-length/>  -->
    <!-- 第五个例子，给cell加overlay -->
    <!--  <graph-overlay/> -->
    <!-- 第六个例子，重写提示信息-->
    <!--   <graph-tooltip/> -->
    <!-- 第七个例子，重写生成id方法-->
    <!-- <create-id/> -->
    <!-- 第八个例子，右键菜单-->
   <!--  <popup-menu /> -->
    <!-- 第九个例子，节点连接-->
   <!--  <connect-image /> -->
   <!--  第十个例子，鼠标hover加按钮-->
   <hover-icon/>
   <hover-style/>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";
import LabelPositon from "./components/labelPositon.vue";
import GraphXml from "./components/graphXml.vue";
import LabelLength from "./components/LabelLength.vue";
import GraphOverlay from "./components/graphOverlay.vue";
import GraphTooltip from "./components/graphTooltip.vue";
import CreateId from "./components/createId.vue";
import PopupMenu from "./components/popupMenu.vue";
import connectImage from "./components/connectImage.vue";
import hoverIcon from './components/hoverIcon'
import HoverIcon from './components/hoverIcon.vue';
import HoverStyle from './components/hoverStyle.vue';

export default {
  name: "App",
  components: {
    HelloWorld,
    LabelPositon,
    GraphXml,
    LabelLength,
    GraphOverlay,
    GraphTooltip,
    CreateId,
    PopupMenu,
    connectImage,
    hoverIcon,
    HoverStyle

  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
